<?php
/**
 * @version     1.0.0
 * @package     com_general
 * @copyright   Copyright (C) 2013. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      kent <kent@viseed.com> - http://viseed.com
 */
// no direct access
defined('_JEXEC') or die;

//Load admin language file
$lang = JFactory::getLanguage();
$lang->load('com_general', JPATH_ADMINISTRATOR);
$services = get_article_from_cat(8);
?>

<div class="content_detail">

  <div class="contact_header">
    <h1><?php echo JTEXT::_('SERVICES'); ?></h1></div>
  <?php
  foreach ($services as $obj) {    
    $images = json_decode($obj->images);
    $images = $images->image_intro;    
    ?>
    <div class="ser_item">
      <?php if(!empty($images)){?>
      <div class="ser_icon"><img src="<?php echo $images;?>" width="120" height="120" /></div>
      <?php }?>
      <div class="ser_detail">
        <div class="ser_detail_title"><?php echo $obj->title; ?></div>
        <div class="ser_detail_desc">
          <?php echo $obj->introtext; ?>
        </div>
      </div>
      <br class="clear" />
    </div>
  <?php } ?>
  <!--  <div class="ser_item">
      <div class="ser_icon"><img src="images/apps.png" width="120" height="120" /></div>
      <div class="ser_detail">
        <div class="ser_detail_title">Mobile Apps &amp; Web Apps</div>
        <div class="ser_detail_desc">
          <p>Smartphone is being common on over the world, that is huge world to keep in touch with clients, we create apps for iOS &amp; Android devices.</p>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><ul>
                  <li> Mobile responsive design</li>
                  <li>iOS: iPad / iPhone</li>
                </ul></td>
              <td><ul>
                  <li>Androids devices</li>
                  <li>Web Apps (flash)</li>
                </ul></td>
            </tr>
          </table>
        </div>
      </div>
      <br class="clear" />
    </div>
  
  
    <div class="ser_item">
      <div class="ser_icon"><img src="images/social.png" width="120" height="120" /></div>
      <div class="ser_detail">
        <div class="ser_detail_title">Facebook Apps &amp; Media Advertising</div>
        <div class="ser_detail_desc">
          <p>Let the world know you, advertising is a must, with our experience in success of big client projects, Facebook apps, Facebook page, Facebook advertising will make you worldwide.</p>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><ul>
                  <li>Facebook advertising</li>
                  <li>Facebook apps</li>
                  <li>Branding design</li>
                </ul></td>
              <td><ul>
                  <li>Campaign sites</li>
                  <li>Rich media banners</li>
                  <li>Project management</li>
                </ul></td>
            </tr>
          </table>
        </div>
      </div>
      <br class="clear" />
    </div>-->

  <!--  <div class="ser_item">
      <div class="ser_icon"><img src="images/data.png" width="120" height="119" /></div>
      <div class="ser_detail">
        <div class="ser_detail_title">Linux and Windows</div>
        <div class="ser_detail_desc">
          <p>Install, config optimize web server, database server, file server and subversion server. Setup development application on server such as:</p>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><ul>
                  <li>Ruby</li>
                  <li>Redmine</li>
                  <li>FTP</li>
                </ul></td>
              <td><ul>
                  <li>SSL</li>
                  <li>Backup data and system</li>
                  <li>Config security for Linux server</li>
                </ul></td>
            </tr>
          </table>
        </div>
      </div>
      <br class="clear" />
    </div>-->
</div>